.list { position: relative; }
.load-more { text-align: center; margin-top: 12px; height: 32px; line-height: 32px; }
.container {
  // PC端样式
  @media screen and (min-width: 769px) {
    :global(.ant-row) {
      row-gap: 16px!important;
    }
    :global(.ant-list-item) {
      flex: 0 0 25%;
      max-width: 25%;
      margin-block-end: 0 !important;
    }
  }
  
  // 移动端样式
  @media screen and (max-width: 768px) {
    :global(.ant-row) {
      row-gap: 8px!important;
      margin-left: -4px!important;
      margin-right: -4px!important;
    }
    :global(.ant-col) {
      padding-left: 4px!important;
      padding-right: 4px!important;
    }
    :global(.ant-list-item) {
      margin-block-end: 0 !important;
    }
  }
}